window.addEventListener("load", function () {
	//发送验证码----------------------------------------------------------------------
	//获取节点
	//给按钮绑定点击事件
	$(".first a").addEventListener("click", function () {
		//声明倒计时秒数10
		let sec = 10;
		//按钮禁用
		this.disabled = true;
		//开启周期定时器,每秒倒计时数
		let timer = window.setInterval(function () {
			//每秒修改按钮的文本内容
			$(".first a").textContent = sec;
			//倒计时秒数<=0时,关闭定时器,按钮解除禁用,文字显示为发送验证码
			if (sec <= 0) {
				window.clearInterval(timer);
				$(".first a").disabled = false;
				$(".first a").textContent = "发送验证码";
			}
			sec--;
		}, 1000);
	});
	//判断输入框内容----------------------------------------------------------------------------
	//获取相关节点
	// $("#username")

	//给按钮绑定点击事件
	$("#btn").onclick = function () {
		//点击时获取用户名和密码和电话号码的内容
		let usernameValue = $("#username").value;
		//为用户名<7或>12时input边框变红,提示文字显示,并且为红色
		if (usernameValue.length < 7 || usernameValue.length > 12) {
			//input提示文字显示,为红色

			$("#username").nextElementSibling.textContent = "!请输入5位以上用户名";
			$("#username").nextElementSibling.style.color = "red";
		} else {
			$("#username").nextElementSibling.textContent = "";
		}
		return false; //最后一行要阻止提交事件
	};
});
